import { Input, DatePicker, Select } from 'antd';
import React from 'react';
const dateFormat = 'MMM Do YYYY';
const FlightInfoForm = props => {
    const { flightDate, flightNo, bindFlightDate, bindFlightNumber } = props
    const { Option } = Select;
    return (
        <div>
            <DatePicker onChange={date => {bindFlightDate(date)}} value={flightDate} format={dateFormat} style={{width: "100%", marginBottom: "16px"}} size="large" allowClear={false} />
            <Input onChange={e => {bindFlightNumber(e.target.value)}} size="large" value={flightNo} addonBefore="3U" placeholder="请输入航班号" />
            <Select defaultValue="不正常航班" style={{ width: "100%", marginTop: "16px" }} disabled size="large">
                <Option value="不正常航班">不正常航班</Option>
            </Select>
        </div>
    )
}

export default FlightInfoForm